<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>搞事情</title>
    <link rel="shortcut icon" href="#" type="image/x-icon">
    <link rel='dns-prefetch' href='//apps.bdimg.com' />
    <link rel='dns-prefetch' href='//s.w.org' />
    <link href="/static/boot/css/bootstrap.min.css" rel="stylesheet">
    <link rel='stylesheet' id='style-css'  href='/static/index/css/style.css' type='text/css' media='all' />
    <link rel='stylesheet' id='owlcss-css'  href='/static/index/css/owl.carousel.min.css' type='text/css' media='all' />
    <!-- boot -->

    <link rel='stylesheet' id='style-css'  href='/static/index/css/mycss.css' type='text/css' media='all' />
    <style>
        /*css*/
            #fbpost select{
                font-family: "微软雅黑";
                margin:10px;
                background: rgba(0,0,0,0);
                width: 119px;
                height: 30px;
                font-size: 18px;
                color: #000;
                text-align: center;
                border: 1px #1a1a1a solid;
                border-radius: 5px;
            }
            #fbpost option{
                color: black;
                background: #fff;
                line-height: 20px;
                text-align: center;
            }
            #fbpost select:focus{
                border: 2px #ddd solid;
                box-shadow: 0 0 15px 1px #DDDDDD;
            }
            #fbpost option:hover{
                background: #fff;
            }

            .biginput{
                width: 300px;
                height: 40px;
                border: 2px solid #5E6C77;
                font-size: 1.5em;
                padding: .25em .5em .3125em;
                color: #5E6C77;
                border-radius: .25em;
                background: transparent;
                -webkit-transition: all .100s;
                transition: all .100s;
                text-rendering: auto;
                color: initial;
                letter-spacing: normal;
                word-spacing: normal;
                text-transform: none;
                text-indent: 0px;
                text-shadow: none;
                display: inline-block;
                text-align: start;
                margin: 0em;
                font: 400 13.3333px Arial;
                -webkit-writing-mode: horizontal-tb;
                margin-bottom: 20px;
            }
            .widget-profile-elegant{
                border: 1px solid #ccc;
            }
    </style>

    <script>
        var carouselSwitcher = "1";
        var carouselType = "image";
        var carouselOpacity = "10";
        var carouselSpeed = 1000;
        var carouselAnimateSpeed = 600;
        var carouselAnimation = "slide";
        var carouselMouseSwitcher = "";
        var siteUrl = "http://heitang.chuangzaoshi.com";
        var imgUrl = "http://heitang.chuangzaoshi.com/wp-content/themes/blackcandy-2.5/assets/images";
        var fancyboxSwitcher = "1";
        var isHomePage = "1";
        var pagType = "infinite";
        var layoutType = "dcolumn";
        var themeUrl = "http://heitang.chuangzaoshi.com/wp-content/themes/blackcandy-2.5";
    </script>
    <script src="/static/admin/js/jquery-2.1.4.min.js"></script>
    <script src="/static/admin/js/bootstrap.min.js"></script>
</head>
<body class="home blog">
{include file="index/head" /}
<body>
{block name="main"}
<!-- 3张图 ================================================================================ -->
    <div class="container ps-r mb-10 hidden-xs mt-6">
        <div class="custom-carousel">
            <a href="#" class="mask-animate d-block carousel-item" style="background: url(/static/index/img/lol.png); background-repeat: no-repeat; background-size: cover; background-position: center top">
                <div class="text-center custom-carousel-info vertical-middle">
                    <div class="mb-1">11篇</div>
                    <div class="mb-3 custom-carousel-info-description">热爱游戏</div>
                    <div class="custom-carousel-info-name btn-line">游戏</div>
                </div>
            </a>
            <a href="#" class="mask-animate d-block carousel-item" style="background: url(/static/index/img/bc.gif); background-repeat: no-repeat; background-size: cover; background-position: center top">
                <div class="text-center custom-carousel-info vertical-middle">
                    <div class="mb-1">11篇
                    </div>
                    <div class="mb-3 custom-carousel-info-description">极客科技迷的各种折腾教程</div>
                    <div class="custom-carousel-info-name btn-line">编程</div>
                </div>
            </a>
            <a href="#" class="mask-animate d-block carousel-item" style="background: url(/static/index/img/mao.gif); background-repeat: no-repeat; background-size: cover; background-position: center top">
                <div class="text-center custom-carousel-info vertical-middle">
                    <div class="mb-1">
                        11篇
                    </div>
                    <div class="mb-3 custom-carousel-info-description">各种八卦</div>
                    <div class="custom-carousel-info-name btn-line">闲聊</div>
                </div>
            </a>
        </div>
    </div>
<!-- 3张图 ================================================================================ -->

<main class="container" id="main">
<div class="row">
<aside id="sidebar">
<div class="col-md-3">
<div class="sidebar-wrap">
<div class="affix">
</div>
<!-- 资料 ================================================================================ -->
    <div class="widget widget-profile-elegant">
                {if condition="$userinfo eq null"}
                    <div class="widget-profile-user">
                        暂未登陆
                    </div>
                    <div class="widget-profile-user">
                        <a href="/index/login" class='btn btn-info'>前往登录</a>
                    </div>
                    <div class="widget-profile-user">
                        <a href="/index/login/zhuce" class='btn btn-info'>前往注册</a>
                    </div>
                {else/}
                    <div class="widget-profile-avatar">
                        <img alt="" src="/imgs/user/{$userinfo.pic}" height="60" width="60" />
                    </div>
                    <div class="widget-profile-user">
                        <a href="" target="_blank">
                            {$userinfo.name}
                        </a>
                    </div>
                    <div class="widget-profile-article">
                        共发表了11篇文章
                    </div>
                {/if}

    </div>
<!-- 资料 ================================================================================ -->
<!-- 图标 ================================================================================ -->
    <div class="widget widget-follow">
        <table>
            <tbody>
            <tr>
                <td class="follow-wechat">
                    <i class="czs-weixin"></i>
                    <div class="follow-wechat-popup">
                        <img src="" alt="wechat">
                    </div>
                </td>
                <td class="follow-weibo">
                    <a target="blank" href="">
                        <i class="czs-weibo"></i>
                    </a>
                </td>
                <td class="follow-qq">
                    <a  href="#">
                        <i class="czs-QQ"></i>
                    </a>
                </td>
                <td class="follow-rss">
                    <a  href="#"><i class="czs-rss"></i></a>
                </td>
            </tr>
            </tbody>
        </table>
    </div>
<!-- 图标 ================================================================================ -->
<!-- 标签云 ================================================================================ -->
    <div id="widget-tagcloud-2" class="widget widget-tagcloud">        
        <div class="widget-title"><span>标签云</span></div>
        <div class="tagcloud">
        {volist name="label" id="v" }
            <a href="#" class="tag-cloud-link tag-link-6 tag-link-position-1" style="font-size: 8pt;" aria-label="AI智能 (6个项目)">{$v.name}</a>
        {/volist}


            <a  class="tagcloud-more" href="#" title="更多标签">更多</a>
        </div>
    </div>
<!-- 标签云 ================================================================================ -->
<div id="widget-hotpost-2" class="widget widget-hotpost">
<!-- 推荐文章 ================================================================================ -->
        <div class="widget-title"><span>推荐文章</span></di v>
            <ul class="widget-hotpost-image">
                 <a href="#" class="mask-animate widget-hotpost-image-item">
                    <div class="recent-post-img">
                            <img width="1110" height="400" src="/static/index/img/A-2.png" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" srcset="/static/index/img/A-2.png 1110w, /static/index/img/A-2-300x108.png 300w, /static/index/img/A-2-768x277.png 768w, /static/index/img/A-2-1024x369.png 1024w" sizes="(max-width: 1110px) 100vw, 1110px" />                            </div>
                    <div class="widget-hotpost-meta">
                        <div class="widget-hotpost-image-title mb-1">黑糖丨主题的介绍和购买！</div>
                        <div style="font-size: 12px;">
                            <span class="d-inline-block">
                                <i class="czs-bookmark-l"></i>创意
                            </span>
                            <span class="d-inline-block pull-right">
                                2017.05.15
                            </span>
                        </div>
                    </div>
                </a>
                
            </ul>
        </div>
<!-- 推荐文章 ================================================================================ -->
<!-- 热门文章 ================================================================================ -->
    <div id="widget-hotpost-3" class="widget widget-hotpost">
        <div class="widget-title"><span>热门文章</span></div>
        <ul class="widget-hotpost-brief">
            <li>
                <i class="czs-angle-right-l"></i>
                <a href="#">
                    黑糖丨用户手册：安装和使用建议 
                </a>
                <div class="widget-hotpost-brief-time">
                    2017.05.15
                </div>
            </li>
        </ul>
    </div>
<!-- 热门文章 ================================================================================ -->
<!-- 近期评论 ================================================================================ -->
        <div id="widget-comments-2" class="widget widget-comments">
            <div class="widget-title"><span>近期评论</span></div>
                <ul>
                    <li class="widget-comments-item mb-2">
                        <div class="comment-item-avatar mb-2">
                            <img src="https://secure.gravatar.com/avatar/c7733ba4bb866ccb47e67bcf0f80c856?s=48" class="avatar avatar-48" height="48" width="48">
                            <a class="widget-comment-author">信息安全交流</a>
                        </div>
                        <a href="#" class="widget-comment-content" >用wp那么久唯一一个十分中意的博客主题，&hellip;</a>
                        <div class="widget-comment-meta">
        <!--      <span class="widget-comment-date">--><!--</span>-->
                            评价于
                            <a class="widget-comment-title" href="#">黑糖丨用户手册：安装和使用建议</a>
                        </div>
                    </li>
                </ul>
        </div>
<!-- 近期评论 ================================================================================ -->
</div>

</div>
</div>
</aside>
<div class="col-md-9 no-gutter-xs">
<div class="post-wrap">
<!-- 这是推荐频道 ================================================================================ -->
        <div class="post post-type-status">
            推荐频道
            <a href="" class='pull-right'>全部>></a>
        </div>
        <div class="widget widget-profile-elegant">
            <div class="row">
                {volist name="channel" id="v" }
                    <div class="col-md-3 col-sm-6">
                        <a href="/index/index/list/id/{$v.id}">
                        <div class="widget widget-profile-elegant">
                            <div class="widget-profile-avatar">
                                <img alt="" src="/imgs/channel/{$v.img}" class="avatar avatar-60 photo" height="60" width="60">
                            </div>
                            <div class="widget-profile-user">
                                <a href="" target="_blank">{$v.Name}</a>
                            </div>
                            <div class="widget-profile-article">{$v.desc}</div>
                        </div>
                        </a>
                    </div>
                {/volist}
                    <div class="col-md-3 col-sm-6">
                        <div class="widget widget-profile-elegant" style='text-align: center;line-height: 100px;'>
                            <div class="widget-profile-user">
                                更多推荐
                            </div>
                        </div>
                    </div>
            </div>
        </div>
<!-- 这是推荐频道 ================================================================================ -->
<!-- 这是热门分类 ================================================================================ -->
        <div class="post post-type-status">
            热门分类
            <a href="" class='pull-right'>更多>></a>
        </div>
<!-- 这是热门分类 ================================================================================ -->
<!-- 这是一个标题模板 ================================================================================ -->
     <div class="post post-type-status">
            最新文章
            <a href="" class='pull-right'>更多>></a>
        </div>
        {volist name="posts" id="v" }
        <div class="post post-type-status">
            <div class="post-title">
                <a href="/index/index/postinfo/id/{$v.id}">{$v.title}</a>
            </div>
            <div class="post-meta-top">
                <a class="post-meta-categories" href="#">
                    <i class="czs-bookmark-l"></i>
                    创意</a>
                <span class="post-meta-time">
                     • {$v.sendTime}</span>
            </div>    
            <div class="post-body">
                <a href="/index/post/postinfo/id/{$v.id}">{$v.desc}</a>
            </div>
            <ul class="post-meta-bottom">
                <li class="post-meta-author">
                    <a class="d-block" href="" >
                        <img alt="" src='/static/index/img/lol.png'  height="96" width="96"><span class="d-inline-block">{$v.name}</span>
                    </a>
                </li>
                <li class="post-meta-comments pull-right ">
                    <i class="czs-comment-l"></i></li>
                <li class="post-meta-like pull-right ">
                    <i class="czs-heart-l"></i>
                    <span class="count">{$v.thumbs}</span>
                </li>
                <li class="post-meta-view pull-right ">
                    <i class="czs-eye-l"></i>{$v.count}</li>
            </ul>
        </div>
        {/volist}
<!-- 这是一个标题模板 ================================================================================ -->
</div>
</div>
</div>
</div>
</main>
{/block}


<!-- 这是一个底部 ================================================================================ -->
    <footer id="footer">
        <div class="container" style="position: relative; margin-top: 22px;" data-position="ece10ebaaefdc8ad">
            <div class="footer-theme hidden-xs">
                <strong class="d-inline-block">
                    黑糖主题
                    <span class="hidden-xs">
                        ：
                    </span>
                </strong>
                <span>
                    为极客科技自媒体而设计
                </span>
            </div>
            <div class="footer-feature">
                <strong class="pull-left d-inline-block">
                    功能菜单
                    <span class="hidden-xs">
                        ：
                    </span>
                </strong>
                <ul id="menu-%e5%8a%9f%e8%83%bd%e8%8f%9c%e5%8d%95" class="footer-menu">
                    <li id="menu-item-77" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-77">
                        <a href="#">
                            联系我们
                        </a>
                    </li>
                    <li id="menu-item-79" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-79">
                        <a href="#">
                            投稿
                        </a>
                    </li>
                    <li id="menu-item-80" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-80">
                        <a href="#">
                            归档
                        </a>
                    </li>
                    <li id="menu-item-81" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-81">
                        <a href="#">
                            友情链接
                        </a>
                    </li>
                    <li id="menu-item-82" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-82">
                        <a href="#">
                            关于我们
                        </a>
                    </li>
                </ul>
            </div>
            <ul class="footer-follow">
                <li class="animate-bg-success animate-bg follow-wechat">
                    <a>
                        <i class="czs-weixin">
                        </i>
                    </a>
                    <div class="follow-wechat-popup">
                        <img src=" "
                        alt="wechat">
                    </div>
                </li>
                <li class="animate-bg-error animate-bg">
                    <a target="blank" href="">
                        <i class="czs-weibo">
                        </i>
                    </a>
                </li>
                <li class="animate-bg-primary animate-bg">
                    <a href="#">
                        <i class="czs-QQ">
                        </i>
                    </a>
                </li>
                <li class="animate-bg-warning animate-bg">
                    <a href="#">
                        <i class="czs-rss">
                        </i>
                    </a>
                </li>
            </ul>
            <div class="footer-friends hidden-xs">
                <strong class='pull-left'>
                    友情链接
                    <span class="hidden-xs">
                        ：
                    </span>
                </strong>
                <li>
                    <a href="#">
                        <span>
                            WordPress官网
                        </span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span>
                            不喜平网页设计
                        </span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span>
                            创造狮导航
                        </span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span>
                            大仁博客
                        </span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span>
                            草莓图标库
                        </span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span>
                            阿乞
                        </span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span>
                            黑镜主题
                        </span>
                    </a>
                </li>
            </div>
        </div>
        <div class="container">
        </div>
        <div class="copyright">
            <div class="container">
                <p>
                    Copyright © 2017 黑糖主题 - 为极客、创意工作者而设计 / 版本 V 2.0
                    <span style="margin-right: 12px;" class="hidden-xs">
                        <a class="site-record" href="#" style="color: #818181;">
                            赣ICP备14004527号-2
                        </a>
                    </span>
                    <script>
                        var _hmt = _hmt || []; (function() {
                            var hm = document.createElement("script");
                            hm.src = "https://hm.baidu.com/hm.js?1219c0da357c18c0b7d4ee72559d39e0";
                            var s = document.getElementsByTagName("script")[0];
                            s.parentNode.insertBefore(hm, s);
                        })();
                    </script>
                </p>
            </div>
        </div>
    </footer>
    <div class="scrollTop transition">
        <i class="czs-arrow-up-l"></i>
    </div>

    <li class="change-language hidden">
        <a id="StranLink" class="wencode">繁</a>
    </li>
    <script type='text/javascript' src='/static/index/js/jquery.min.js?ver=2.1.4'></script>
    <script type='text/javascript' src='/static/index/js/owl.carousel.min.js?ver=2.1.6'></script>
    <script type='text/javascript' src='/static/index/js/main.js?ver=1.0.0'></script>
    <div class="overlay"></div>
    <script src="/static/index/js/echo.js"></script>
    <script>
        echo.init({
            offset: 600,
            throttle: 250,
            unload: false,
            callback: function (element, op) {
    //                console.log(element, 'has been', op + 'ed')
            }
        });
        // echo.render(); is also available for non-scroll callbacks
    </script>
    <div class="backdrop transition"></div>
    </body>
    </html>
<!-- 这是一个底部 ================================================================================ -->
